---
layout: ../../layouts/PageLayout.astro
title: Basic Query
description: Using `useQuery` in a Vue app to execute queries
order: 1
---

# Query Example

This is a simple example of how to run queries along with reactive variables

<p class="codepen" data-height="625" data-theme-id="light" data-default-tab="js,result" data-user="logaretm" data-slug-hash="eYZbevO" style="height: 625px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Basic Queries">
  <span>See the Pen <a href="https://codepen.io/logaretm/pen/eYZbevO">
  Basic Queries</a> by Abdelrahman Awad (<a href="https://codepen.io/logaretm">@logaretm</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>

<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
